<%--
  Created by IntelliJ IDEA.
  User: 张庆昇
  Date: 2019/12/30
  Time: 17:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="container-fluid">
    <div class="row">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container-fluid col-md-12">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">数码狂想曲</a>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">${userLogin.username}</a></li>
                        <li><a href="${path}/index">首页</a></li>
                        <c:if test="${userLogin == null}">
                            <li><a href="${path}/user/loginView"><span class="glyphicon glyphicon-lock"></span>登录</a></li>
                        </c:if>

                        <c:if test="${userLogin != null}">
                            <li><a href="#"><span class="glyphicon glyphicon-shopping-cart" ></span>购物车</a></li>
                            <li><a href="${path}/user"><span class="glyphicon  glyphicon-user" ></span>个人中心</a></li>
                            <li><a href="${path}/user/exit"><span class="glyphicon " ></span>安全退出</a></li>
                        </c:if>
                    </ul>
                </div>
            </div>
            <div class="col-md-9">
                <ul class="nav navbar-nav"  >
                    <li><a href="${path}/index" >首页</a></li>
                    <li class="dropdown" >
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color:rgb(34, 33, 33);">
                            品牌
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" style="background-color:rgb(34, 33, 33); padding: 0px ;  border: 0px;"id="BS">
                            <li><a href="${path}/list" id="font-color" >小米</a></li>
                            <li><a href="#" id="font-color">华为</a></li>
                            <li><a href="#" id="font-color">联想</a></li>
                            <li><a href="#" id="font-color">苹果</a></li>
                            <li><a href="#" id="font-color">三星</a></li>
                        </ul>
                    </li>
                    <li class="dropdown" >
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color:rgb(34, 33, 33);">
                            手机
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" style="background-color:rgb(34, 33, 33); padding: 0px ;  border: 0px;"id="BS">
                            <li><a href="#" id="font-color">小米</a></li>
                            <li><a href="#" id="font-color">华为</a></li>
                            <li><a href="#"id="font-color">联想</a></li>
                            <li><a href="#" id="font-color">iPhone</a></li>
                            <li><a href="#"id="font-color">三星</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color:rgb(34, 33, 33);">
                            笔记本电脑
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" style="background-color: black; padding: 0px; border: 0px; "id="BS">
                            <li><a href="#" id="font-color">小米</a></li>
                            <li><a href="#" id="font-color">华为</a></li>
                            <li><a href="#" id="font-color">联想</a></li>
                            <li><a href="#" id="font-color">苹果</a></li>
                            <li><a href="#" id="font-color">三星</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color:rgb(34, 33, 33);">
                            台式电脑
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" style="background-color: black;  padding: 0px; border: 0px;  " id="BS">
                            <li><a href="#" id="font-color">小米</a></li>
                            <li><a href="#" id="font-color">华为</a></li>
                            <li><a href="#"id="font-color">联想</a></li>
                            <li><a href="#" id="font-color">苹果</a></li>
                            <li><a href="#"id="font-color">三星</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"  style="background-color:rgb(34, 33, 33);">
                            空调
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu"  style="background-color: black;  padding: 0px; border: 0px;  " id="BS">
                            <li><a href="#" id="font-color">美的</a></li>
                            <li><a href="#" id="font-color">海尔</a></li>
                            <li><a href="#" id="font-color">格力</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="background-color:rgb(34, 33, 33);">
                            配件
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu"  style="background-color: black;  padding: 0px; border: 0px;  "id="BS">
                            <li><a href="#" id="font-color">充电器</a></li>
                            <li><a href="#" id="font-color">耳机</a></li>
                            <li><a href="#"  id="font-color">鼠标垫</a></li>
                            <li><a href="#" id="font-color">手机壳</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="col-md-2" >
                <form action="${path}/phone" class="bs-example bs-example-form" role="form">
                    <div class="input-group " >
                        <input name="phoneName" value="${searchName}" type="text" class="form-control" placeholder="xiaomi">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </span>
                    </div>
                </form>
            </div>
        </nav>
    </div>
</div>
<!-- 导航end -->

